<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
    <link href="Index.css" rel="stylesheet" type="text/css">

    <title>ExiaStore</title>

    <!-- Bootstrap core CSS -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="offcanvas.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>

  <body style="background-color:rgb(180,180,180)">
      
       <?php 
    session_start();
    if(empty($_SESSION['login']))
    include ("navbarVisiteur.html");  
    else
    include ("navbar.php"); 
    ?>
      
         <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">

        <div class="col-xs-12 col-sm-12">
          <p class="pull-right visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
          <div class="row">
              <div class="col-md-5">
          <div class="jumbotron">
             
            <h1>ExiaStore</h1>
            <p>La meilleure boutique en ligne au monde</p>
          </div>
              </div>
              <div class="col-md-7" id="carousel">
                  
            

    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          
          <div class="container" id='slide1'>
              
                        <div class="row" >                
                            <div class="col-lg-offset-2"><img src="imgs/img.gif"> </img></div>
                        </div>
              
			<div class="row">                          
                             <div class="col-lg-1 col-lg-offset-1" ><p><a class="btn btn-lg btn-primary" href="#" role="button">Details &raquo;</a></p></div>
                             <div class="col-lg-1 col-lg-offset-3" ><p>Meilleure vente 1/3</p></div>
                        </div>
          </div>
        </div>
        <div class="item">
          
          <div class="container" id='slide2'>
            <div class="row" >                
                            <div class="col-lg-offset-2"><img src="imgs/euh.jpg"> </img></div>
                        </div>
              
			<div class="row">                          
                             <div class="col-lg-1 col-lg-offset-1" ><p><a class="btn btn-lg btn-primary" href="#" role="button">Details &raquo;</a></p></div>
                             <div class="col-lg-1 col-lg-offset-3" ><p>Meilleure vente 2/3</p></div>
                        </div>
                </div>
             
          </div>
        
        <div class="item">
          
          <div class="container" id='slide3'>
               
            <div class="row" >                
                            <div class="col-lg-offset-2"><img src="imgs/chat2.jpg"> </img></div>
                        </div>
              
			<div class="row">                          
                             <div class="col-lg-1 col-lg-offset-1" ><p><a class="btn btn-lg btn-primary" href="#" role="button">Details &raquo;</a></p></div>
                             <div class="col-lg-1 col-lg-offset-3" ><p>Meilleure vente 3/3</p></div>
                        </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span ><</span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span >></span></a>
    </div><!-- /.carousel -->
<?php

        try
	{
	$bdd = new PDO('mysql:host=localhost;dbname=exiastore', 'root', ''); // Création de l'objet bdd
	}
	catch (Exception $e)
	{
        die('Erreur : ' . $e->getMessage()); // On affiche pas d'erreur si il devait y en avoir
	}
        
	
        $login = $_SESSION['login'];
	
	$req = $bdd->prepare('SELECT * FROM membre WHERE login = :login');
        $req->execute(array('login' => $login));
        
        $donnees = $req->fetch();
	
	echo"
	<strong>Votre pseudo :</strong>" , $donnees['login'] ,"</br>", // Nom de l'article
	"<strong>Votre nom :</strong>" , $donnees['nom'] , "</br>" , // Prix de l'article
	"<strong>Votre prenom :</strong>" , $donnees['prenom'] , "</br>"; // Disponibilité
	

	
        
        
?>
     <div class="container" id='formulaire'>
		
     <form class="form-signin" role="form" method="post" action="../Model/Users/inscriptionMembre.php">
	  
        <h2 class="form-signin-heading">Renseignements personnels</h2>
				
		<label>Nouveau pseudo:</label></br>
		<input type="text" class="form-control" name="login" placeholder="Pseudo" maxlength="50" required autofocus></br>

		<label>Nouveau nom:</label></br>
		<input type="text" class="form-control" name="nom" placeholder="Nom" maxlength="50" required autofocus></br>
		
		<label>Nouveua prenom:</label></br>
		<input type="text" class="form-control" name="prenom" placeholder="Prenom" maxlength="50" required></br>
		
		<label>Nouvelle adresse mail:</label></br>
		<input type="text" class="form-control" name="email" placeholder="Adresse mail" maxlength="50" required autofocus></br>
		
        
		
                <label>Nouveau mot de passe:</label></br>
		<input type="password" class="form-control" name="pass" placeholder="Mot de passe" maxlength="50" required></br>
		
		<label>Confirmation mot de passe:</label></br>
		<input type="password" class="form-control" name="confirmation" placeholder="Confirmation" maxlength="100" required></br>
		

		</br></br>
		
 
        <h2 class="form-signin-heading">Adresse</h2>
				
		<label>Nouveau pays:</label></br>
		<SELECT name="pays" size="1">
		<OPTION selected>France
		<OPTION>Suisse
		<OPTION>Belgique								
		</SELECT></br></br>

		
        <label>Nouvelle ville:</label></br>
		<input type="text" class="form-control" name="ville" placeholder="Ville" maxlength="50" required></br>
		
		<label>Nouveau code postal:</label></br>
		<input type="text" class="form-control" name="codepostal" placeholder="CP" maxlength="5"  required></br>
		
        <label>Nouvelle adresse:</label></br>
		<input type="text" class="form-control" name="adresse" placeholder="Adresse" required></br>

		
        <button class="btn btn-lg btn-primary btn-block" type="submit">S'inscrire</button>
		</br></br></br>
      </form>
	  
		
    </div> <!-- /container -->

        